<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>MglUI-字体图标</title>
    <meta name="keywords" content="不锈钢,钢铁,电商">
    <meta name="description" content="江苏东方不锈钢找货助手">
    <!-- MglUI core CSS -->
    <link href="./assets/css/mgui.css" rel="stylesheet" charset="utf-8">
    <link href="./assets/css/style.css" rel="stylesheet" charset="utf-8">
    <link href="./assets/lib/artdialog/ui-dialog.css" rel="stylesheet" charset="utf-8">
    <!-- HTML5shiv 和 Respond.js IE8支持HTML5 tooltipss和媒体查询 -->
    <!--[if lt IE 9]>
        <script src="./assets/js/html5shiv.js"></script>
        <script src="./assets/js/respond.min.js"></script>
    <![endif]-->
    <style>
    /* 清除浮动 */
    
    .ks-clear:after,
    .clear:after {
        content: '\20';
        display: block;
        height: 0;
        clear: both;
    }
    
    .ks-clear,
    .clear {
        *zoom: 1;
    }
    
    .helps {
        margin-top: 40px;
    }
    
    .helps pre {
        padding: 20px;
        margin: 10px 0;
        border: solid 1px #e7e1cd;
        background-color: #fffdef;
        overflow: auto;
    }
    
    .icon_lists li {
        float: left;
        width: 100px;
        height: 180px;
        text-align: center;
    }
    
    .icon_lists .icon {
        font-size: 42px;
        line-height: 100px;
        margin: 10px 0;
        color: #333;
        -webkit-transition: font-size 0.25s ease-out 0s;
        -moz-transition: font-size 0.25s ease-out 0s;
        transition: font-size 0.25s ease-out 0s;
    }
    
    .icon_lists .icon:hover {
        font-size: 100px;
    }
    </style>
</head>

<body>
    <section id="container">
        <!--header start-->
        <header class="ui-header ui-header-positive clearfix">
            <div class="ui-col ui-col-20"><h2 class="logo" onclick="window.location.href='/'">CRM管理系统</h2></div>
            <div class="ui-col ui-col-60">
                <ul class="header-nav-sys">
                    <li class="active"><i class="ico-crm-sprite ico-crm-sys"></i>CRM</li>
                </ul>
            </div>
            <div class="ui-col ui-col-20">
                <ul class="top-menu pull-right">
                    <li>
                        <a class="menu-down" href="javascript:;"><i class="icon-people"></i>186******75</a>
                        <div class="dropdown-menu">
                            <a href="/">退出</a>
                            <a href="/">退出</a>
                        </div>
                    </li>
                </ul>
            </div>
        </header>
        <!--header end-->
        <!--sidebar start-->
        <div class="ui-sidebar ui-sidebar-positive" id="sidebar-menu">
            <div class="sidebar-toggle"><i class="icon-sanshuxian"></i></div>
            <!-- sidebar menu start-->
            <ul class="sidebar-menu">
                <li>
                    <a href="index.html">
                        <i class="icon-home1"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a class="ui-arrowadd" href="javascript:;">
                        <i class="icon-photogallery"></i>
                        <span>UI元素</span>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="general.html"><i class="icon-mac"></i><span>常规</span></a></li>
                        <li><a href="button.html"><i class="icon-sort"></i><span>按钮</span></a></li>
                        <li><a href="tabs.html"><i class="icon-keyboard"></i><span>Tab</span></a></li>
                        <li><a class="active" href="iconfont.html"><i class="icon-love"></i><span>字体图标</span></a></li>
                    </ul>
                </li>
                <li>
                    <a class="ui-arrowadd" href="javascript:;">
                        <i class="icon-iconxuexisel"></i>
                        <span>组件</span>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="grids.html"><i class="icon-list1"></i><span>网格</span></a></li>
                        <li><a href="calendar.html"><i class="icon-carlendar"></i><span>日历</span></a></li>
                        <li><a href="charts.html"><i class="icon-booking"></i><span>图表</span></a></li>
                    </ul>
                </li>
                <li>
                    <a class="ui-arrowadd" href="javascript:;">
                        <i class="icon-bill"></i>
                        <span>表单</span>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="form-component.html"><i class="icon-creditcard"></i><span>表单组件</span></a></li>
                        <li><a href="form-validator.html"><i class="icon-coupon"></i><span>表单验证</span></a></li>
                        <li><a href="form-wizard.html"><i class="icon-coupon"></i><span>表单向导</span></a></li>
                    </ul>
                </li>
                <li>
                    <a href="table.html">
                        <i class="icon-carlendar"></i>
                        <span>表格</span>
                    </a>
                </li>
                <li>
                    <a href="mail.html">
                        <i class="icon-mail1"></i>
                        <span>邮件</span>
                        <span class="ui-badge bg-important">2</span>
                    </a>
                </li>
                <li>
                    <a href="login.html">
                        <i class="icon-user"></i>
                        <span>登录页</span>
                    </a>
                </li>
            </ul>
            <!-- sidebar menu end-->
        </div>
        <!--sidebar end-->
        <section class="main-content">
            <section class="wrapper">
                <h1>IconFont 图标</h1>
                <ul class="icon_lists clear">
                    <li>
                        <i class="icon iconfont icon-jiazai"></i>
                        <div class="name">加载</div>
                        <div class="fontclass">.icon-jiazai</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-time"></i>
                        <div class="name">time</div>
                        <div class="fontclass">.icon-time</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-notification"></i>
                        <div class="name">notification</div>
                        <div class="fontclass">.icon-notification</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-order"></i>
                        <div class="name">order</div>
                        <div class="fontclass">.icon-order</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-pay"></i>
                        <div class="name">pay</div>
                        <div class="fontclass">.icon-pay</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-list"></i>
                        <div class="name">list</div>
                        <div class="fontclass">.icon-list</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-more"></i>
                        <div class="name">more</div>
                        <div class="fontclass">.icon-more</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-pic"></i>
                        <div class="name">pic</div>
                        <div class="fontclass">.icon-pic</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-right"></i>
                        <div class="name">right</div>
                        <div class="fontclass">.icon-right</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-moreandroid"></i>
                        <div class="name">more_android</div>
                        <div class="fontclass">.icon-moreandroid</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-qrcode"></i>
                        <div class="name">qr_code</div>
                        <div class="fontclass">.icon-qrcode</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-home"></i>
                        <div class="name">home</div>
                        <div class="fontclass">.icon-home</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-vip"></i>
                        <div class="name">vip</div>
                        <div class="fontclass">.icon-vip</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-tishi1"></i>
                        <div class="name">天猫提示-提示</div>
                        <div class="fontclass">.icon-tishi1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-squarecheckfill"></i>
                        <div class="name">square_check_fill</div>
                        <div class="fontclass">.icon-squarecheckfill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-square"></i>
                        <div class="name">square</div>
                        <div class="fontclass">.icon-square</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-squarecheck"></i>
                        <div class="name">square_check</div>
                        <div class="fontclass">.icon-squarecheck</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-round"></i>
                        <div class="name">round</div>
                        <div class="fontclass">.icon-round</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-vipcard"></i>
                        <div class="name">vipcard</div>
                        <div class="fontclass">.icon-vipcard</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-searchlist"></i>
                        <div class="name">search_list</div>
                        <div class="fontclass">.icon-searchlist</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-countdown"></i>
                        <div class="name">countdown</div>
                        <div class="fontclass">.icon-countdown</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-focus"></i>
                        <div class="name">focus</div>
                        <div class="fontclass">.icon-focus</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-gupiao"></i>
                        <div class="name">股票</div>
                        <div class="fontclass">.icon-gupiao</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shoukuan"></i>
                        <div class="name">收款</div>
                        <div class="fontclass">.icon-shoukuan</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-fuwuchuangb"></i>
                        <div class="name">服务窗B</div>
                        <div class="fontclass">.icon-fuwuchuangb</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-tansuob"></i>
                        <div class="name">探索B</div>
                        <div class="fontclass">.icon-tansuob</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-apps"></i>
                        <div class="name">apps</div>
                        <div class="fontclass">.icon-apps</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-people"></i>
                        <div class="name">people</div>
                        <div class="fontclass">.icon-people</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-caretdown"></i>
                        <div class="name">caret-down</div>
                        <div class="fontclass">.icon-caretdown</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sortup"></i>
                        <div class="name">sort-up</div>
                        <div class="fontclass">.icon-sortup</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-tag"></i>
                        <div class="name">tag</div>
                        <div class="fontclass">.icon-tag</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-hotfill"></i>
                        <div class="name">hot_fill</div>
                        <div class="fontclass">.icon-hotfill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-hot"></i>
                        <div class="name">hot</div>
                        <div class="fontclass">.icon-hot</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-radiobox"></i>
                        <div class="name">radio_box</div>
                        <div class="fontclass">.icon-radiobox</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-radioboxfill"></i>
                        <div class="name">radio_box_fill</div>
                        <div class="fontclass">.icon-radioboxfill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-tag1"></i>
                        <div class="name">tag</div>
                        <div class="fontclass">.icon-tag1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-search"></i>
                        <div class="name">search</div>
                        <div class="fontclass">.icon-search</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-arrowtriangleright"></i>
                        <div class="name">arrow_triangle-right</div>
                        <div class="fontclass">.icon-arrowtriangleright</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-home1"></i>
                        <div class="name">home</div>
                        <div class="fontclass">.icon-home1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-cloudfill"></i>
                        <div class="name">cloud-fill</div>
                        <div class="fontclass">.icon-cloudfill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-downloadfill"></i>
                        <div class="name">download-fill</div>
                        <div class="fontclass">.icon-downloadfill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-caretleft"></i>
                        <div class="name">caret-left</div>
                        <div class="fontclass">.icon-caretleft</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-liebiao"></i>
                        <div class="name">列表</div>
                        <div class="fontclass">.icon-liebiao</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-remove"></i>
                        <div class="name">remove</div>
                        <div class="fontclass">.icon-remove</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-qishen"></i>
                        <div class="name">弃审</div>
                        <div class="fontclass">.icon-qishen</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-text"></i>
                        <div class="name">text</div>
                        <div class="fontclass">.icon-text</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sort-down"></i>
                        <div class="name">排序</div>
                        <div class="fontclass">.icon-sort-down</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-25"></i>
                        <div class="name">25</div>
                        <div class="fontclass">.icon-25</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-guanbi2fill"></i>
                        <div class="name">关闭2-fill</div>
                        <div class="fontclass">.icon-guanbi2fill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-guanbi2"></i>
                        <div class="name">关闭2</div>
                        <div class="fontclass">.icon-guanbi2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-jiahao"></i>
                        <div class="name">加号</div>
                        <div class="fontclass">.icon-jiahao</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-jiahao1"></i>
                        <div class="name">加号1</div>
                        <div class="fontclass">.icon-jiahao1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xuanze"></i>
                        <div class="name">选择</div>
                        <div class="fontclass">.icon-xuanze</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yuanxingxuanzhongfill"></i>
                        <div class="name">圆形选中-fill</div>
                        <div class="fontclass">.icon-yuanxingxuanzhongfill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yuanxingxuanzhong"></i>
                        <div class="name">圆形选中</div>
                        <div class="fontclass">.icon-yuanxingxuanzhong</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shouyefill"></i>
                        <div class="name">首页-fill</div>
                        <div class="fontclass">.icon-shouyefill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-dingbu"></i>
                        <div class="name">顶部</div>
                        <div class="fontclass">.icon-dingbu</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiangshang2"></i>
                        <div class="name">向上2</div>
                        <div class="fontclass">.icon-xiangshang2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiangshang5"></i>
                        <div class="name">向上5</div>
                        <div class="fontclass">.icon-xiangshang5</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiangxia2"></i>
                        <div class="name">向下2</div>
                        <div class="fontclass">.icon-xiangxia2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiangyou1"></i>
                        <div class="name">向右1</div>
                        <div class="fontclass">.icon-xiangyou1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiangzuo1"></i>
                        <div class="name">向左1</div>
                        <div class="fontclass">.icon-xiangzuo1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yonghufill"></i>
                        <div class="name">用户-fill</div>
                        <div class="fontclass">.icon-yonghufill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-ticket"></i>
                        <div class="name">Ticket</div>
                        <div class="fontclass">.icon-ticket</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-flag1196069easyiconnet"></i>
                        <div class="name">flag</div>
                        <div class="fontclass">.icon-flag1196069easyiconnet</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-component"></i>
                        <div class="name">component</div>
                        <div class="fontclass">.icon-component</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-gouwuche"></i>
                        <div class="name">购物车</div>
                        <div class="fontclass">.icon-gouwuche</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-gouwuchetianjia"></i>
                        <div class="name">购物车添加</div>
                        <div class="fontclass">.icon-gouwuchetianjia</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-jushoucang"></i>
                        <div class="name">聚收藏</div>
                        <div class="fontclass">.icon-jushoucang</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-lajixiang"></i>
                        <div class="name">垃圾箱</div>
                        <div class="fontclass">.icon-lajixiang</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-lianjie"></i>
                        <div class="name">链接</div>
                        <div class="fontclass">.icon-lianjie</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-naozhong"></i>
                        <div class="name">闹钟</div>
                        <div class="fontclass">.icon-naozhong</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shengyin"></i>
                        <div class="name">声音</div>
                        <div class="fontclass">.icon-shengyin</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shijian"></i>
                        <div class="name">时间</div>
                        <div class="fontclass">.icon-shijian</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shouhuodizhi"></i>
                        <div class="name">收货地址</div>
                        <div class="fontclass">.icon-shouhuodizhi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shouye"></i>
                        <div class="name">首页</div>
                        <div class="fontclass">.icon-shouye</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shuaxin"></i>
                        <div class="name">刷新</div>
                        <div class="fontclass">.icon-shuaxin</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sousuo"></i>
                        <div class="name">搜索</div>
                        <div class="fontclass">.icon-sousuo</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-tishi"></i>
                        <div class="name">提示</div>
                        <div class="fontclass">.icon-tishi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-wancheng"></i>
                        <div class="name">完成</div>
                        <div class="fontclass">.icon-wancheng</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-wodedingdan"></i>
                        <div class="name">我的订单</div>
                        <div class="fontclass">.icon-wodedingdan</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-wodefankui"></i>
                        <div class="name">我的反馈</div>
                        <div class="fontclass">.icon-wodefankui</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-wodehongbao"></i>
                        <div class="name">我的红包</div>
                        <div class="fontclass">.icon-wodehongbao</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-wodeyouhuiquan"></i>
                        <div class="name">我的优惠券</div>
                        <div class="fontclass">.icon-wodeyouhuiquan</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yijianfankui"></i>
                        <div class="name">意见反馈</div>
                        <div class="fontclass">.icon-yijianfankui</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-zhaoxiangji"></i>
                        <div class="name">照相机</div>
                        <div class="fontclass">.icon-zhaoxiangji</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-zhengque"></i>
                        <div class="name">正确</div>
                        <div class="fontclass">.icon-zhengque</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiaoxizhongxin"></i>
                        <div class="name">消息中心</div>
                        <div class="fontclass">.icon-xiaoxizhongxin</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-lingcunwei"></i>
                        <div class="name">另存为</div>
                        <div class="fontclass">.icon-lingcunwei</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-new"></i>
                        <div class="name">new</div>
                        <div class="fontclass">.icon-new</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-guanfang2"></i>
                        <div class="name">官方2</div>
                        <div class="fontclass">.icon-guanfang2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sanshuxian"></i>
                        <div class="name">三竖线</div>
                        <div class="fontclass">.icon-sanshuxian</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yuandaimaxiayoudaima"></i>
                        <div class="name">源代码 下游代码</div>
                        <div class="fontclass">.icon-yuandaimaxiayoudaima</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-icon"></i>
                        <div class="name">消息</div>
                        <div class="fontclass">.icon-icon</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-bianjibi"></i>
                        <div class="name">编辑 笔</div>
                        <div class="fontclass">.icon-bianjibi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-dengchutuichuguanbi"></i>
                        <div class="name">登出 退出 关闭</div>
                        <div class="fontclass">.icon-dengchutuichuguanbi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-houtaiguanli"></i>
                        <div class="name">后台管理</div>
                        <div class="fontclass">.icon-houtaiguanli</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-appreciatelight"></i>
                        <div class="name">appreciate_light</div>
                        <div class="fontclass">.icon-appreciatelight</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-emojilight"></i>
                        <div class="name">emoji_light</div>
                        <div class="fontclass">.icon-emojilight</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-roundaddlight"></i>
                        <div class="name">round_add_light</div>
                        <div class="fontclass">.icon-roundaddlight</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-301"></i>
                        <div class="name">30－1</div>
                        <div class="fontclass">.icon-301</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-7"></i>
                        <div class="name">7</div>
                        <div class="fontclass">.icon-7</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mian"></i>
                        <div class="name">免</div>
                        <div class="fontclass">.icon-mian</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-share1"></i>
                        <div class="name">sharegre</div>
                        <div class="fontclass">.icon-share1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shouji54"></i>
                        <div class="name">手机</div>
                        <div class="fontclass">.icon-shouji54</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yanzhengma54"></i>
                        <div class="name">验证码</div>
                        <div class="fontclass">.icon-yanzhengma54</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mima54"></i>
                        <div class="name">密码</div>
                        <div class="fontclass">.icon-mima54</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mimakejian"></i>
                        <div class="name">密码可见</div>
                        <div class="fontclass">.icon-mimakejian</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mimabukejian"></i>
                        <div class="name">密码不可见</div>
                        <div class="fontclass">.icon-mimabukejian</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-zaicishurumima"></i>
                        <div class="name">再次输入密码</div>
                        <div class="fontclass">.icon-zaicishurumima</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-fanhui"></i>
                        <div class="name">返回</div>
                        <div class="fontclass">.icon-fanhui</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-paixujiang"></i>
                        <div class="name">排序-降</div>
                        <div class="fontclass">.icon-paixujiang</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sousuo1"></i>
                        <div class="name">搜索</div>
                        <div class="fontclass">.icon-sousuo1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shaixuan"></i>
                        <div class="name">筛选</div>
                        <div class="fontclass">.icon-shaixuan</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-chengshijiantou"></i>
                        <div class="name">城市箭头</div>
                        <div class="fontclass">.icon-chengshijiantou</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-qiangdanicon"></i>
                        <div class="name">抢单icon</div>
                        <div class="fontclass">.icon-qiangdanicon</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yujing"></i>
                        <div class="name">预警</div>
                        <div class="fontclass">.icon-yujing</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-dianhua"></i>
                        <div class="name">电话</div>
                        <div class="fontclass">.icon-dianhua</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-dingwei"></i>
                        <div class="name">定位</div>
                        <div class="fontclass">.icon-dingwei</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiaoxi"></i>
                        <div class="name">消息</div>
                        <div class="fontclass">.icon-xiaoxi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-zizhirenzheng"></i>
                        <div class="name">资质认证</div>
                        <div class="fontclass">.icon-zizhirenzheng</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-guizeshuoming"></i>
                        <div class="name">规则说明</div>
                        <div class="fontclass">.icon-guizeshuoming</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-yijianfankui1"></i>
                        <div class="name">意见反馈</div>
                        <div class="fontclass">.icon-yijianfankui1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shezhi1"></i>
                        <div class="name">设置</div>
                        <div class="fontclass">.icon-shezhi1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-gengduo"></i>
                        <div class="name">更多</div>
                        <div class="fontclass">.icon-gengduo</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-lishijilu"></i>
                        <div class="name">历史记录</div>
                        <div class="fontclass">.icon-lishijilu</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shanchu"></i>
                        <div class="name">删除</div>
                        <div class="fontclass">.icon-shanchu</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xinyujifen"></i>
                        <div class="name">信誉积分</div>
                        <div class="fontclass">.icon-xinyujifen</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-kefufenxiermaikefu"></i>
                        <div class="name">客服分析 耳麦 客服</div>
                        <div class="fontclass">.icon-kefufenxiermaikefu</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-denglu"></i>
                        <div class="name">登录</div>
                        <div class="fontclass">.icon-denglu</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-add"></i>
                        <div class="name">Add</div>
                        <div class="fontclass">.icon-add</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-bookinghistory"></i>
                        <div class="name">Booking-history</div>
                        <div class="fontclass">.icon-bookinghistory</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-booking"></i>
                        <div class="name">Booking</div>
                        <div class="fontclass">.icon-booking</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-cancel"></i>
                        <div class="name">Cancel</div>
                        <div class="fontclass">.icon-cancel</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-carlendar"></i>
                        <div class="name">Carlendar</div>
                        <div class="fontclass">.icon-carlendar</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-clock"></i>
                        <div class="name">Clock</div>
                        <div class="fontclass">.icon-clock</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-copy"></i>
                        <div class="name">Copy</div>
                        <div class="fontclass">.icon-copy</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-customerservice"></i>
                        <div class="name">customer service</div>
                        <div class="fontclass">.icon-customerservice</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-delete"></i>
                        <div class="name">Delete</div>
                        <div class="fontclass">.icon-delete</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-display"></i>
                        <div class="name">Display</div>
                        <div class="fontclass">.icon-display</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-id"></i>
                        <div class="name">ID</div>
                        <div class="fontclass">.icon-id</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-lock1"></i>
                        <div class="name">Lock</div>
                        <div class="fontclass">.icon-lock1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-lockopen"></i>
                        <div class="name">LockOpen</div>
                        <div class="fontclass">.icon-lockopen</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mail1"></i>
                        <div class="name">Mail</div>
                        <div class="fontclass">.icon-mail1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-money"></i>
                        <div class="name">Money</div>
                        <div class="fontclass">.icon-money</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-notification1"></i>
                        <div class="name">Notification</div>
                        <div class="fontclass">.icon-notification1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-photogallery"></i>
                        <div class="name">Photo gallery</div>
                        <div class="fontclass">.icon-photogallery</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-picturestar"></i>
                        <div class="name">Picture-Star</div>
                        <div class="fontclass">.icon-picturestar</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-picture"></i>
                        <div class="name">Picture</div>
                        <div class="fontclass">.icon-picture</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-refresh"></i>
                        <div class="name">Refresh</div>
                        <div class="fontclass">.icon-refresh</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-search1"></i>
                        <div class="name">Search</div>
                        <div class="fontclass">.icon-search1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-setting"></i>
                        <div class="name">Setting</div>
                        <div class="fontclass">.icon-setting</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-share2"></i>
                        <div class="name">Share</div>
                        <div class="fontclass">.icon-share2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sort"></i>
                        <div class="name">Sort</div>
                        <div class="fontclass">.icon-sort</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-users"></i>
                        <div class="name">Users</div>
                        <div class="fontclass">.icon-users</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-google"></i>
                        <div class="name">Google</div>
                        <div class="fontclass">.icon-google</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-instegrame"></i>
                        <div class="name">Instegrame</div>
                        <div class="fontclass">.icon-instegrame</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-keyboard"></i>
                        <div class="name">keyboard</div>
                        <div class="fontclass">.icon-keyboard</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-line"></i>
                        <div class="name">Line</div>
                        <div class="fontclass">.icon-line</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-loading"></i>
                        <div class="name">loading</div>
                        <div class="fontclass">.icon-loading</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mac"></i>
                        <div class="name">Mac</div>
                        <div class="fontclass">.icon-mac</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-message"></i>
                        <div class="name">Message</div>
                        <div class="fontclass">.icon-message</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-weibo"></i>
                        <div class="name">Weibo</div>
                        <div class="fontclass">.icon-weibo</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xyz"></i>
                        <div class="name">xyz</div>
                        <div class="fontclass">.icon-xyz</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-nowifi"></i>
                        <div class="name">noWifi</div>
                        <div class="fontclass">.icon-nowifi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-qq1"></i>
                        <div class="name">QQ</div>
                        <div class="fontclass">.icon-qq1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-qzone"></i>
                        <div class="name">Qzone</div>
                        <div class="fontclass">.icon-qzone</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-right2"></i>
                        <div class="name">Right-2</div>
                        <div class="fontclass">.icon-right2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-star"></i>
                        <div class="name">Star</div>
                        <div class="fontclass">.icon-star</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-wallet"></i>
                        <div class="name">wallet</div>
                        <div class="fontclass">.icon-wallet</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-edit"></i>
                        <div class="name">Edit</div>
                        <div class="fontclass">.icon-edit</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-return"></i>
                        <div class="name">return</div>
                        <div class="fontclass">.icon-return</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-play"></i>
                        <div class="name">Play</div>
                        <div class="fontclass">.icon-play</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-filter"></i>
                        <div class="name">Filter</div>
                        <div class="fontclass">.icon-filter</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-city"></i>
                        <div class="name">City</div>
                        <div class="fontclass">.icon-city</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-camera"></i>
                        <div class="name">Camera</div>
                        <div class="fontclass">.icon-camera</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-gift"></i>
                        <div class="name">gift</div>
                        <div class="fontclass">.icon-gift</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-question"></i>
                        <div class="name">question</div>
                        <div class="fontclass">.icon-question</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-soldout"></i>
                        <div class="name">Sold Out</div>
                        <div class="fontclass">.icon-soldout</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-idea"></i>
                        <div class="name">idea</div>
                        <div class="fontclass">.icon-idea</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-vedio"></i>
                        <div class="name">vedio</div>
                        <div class="fontclass">.icon-vedio</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-creditcard"></i>
                        <div class="name">credit card</div>
                        <div class="fontclass">.icon-creditcard</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-bill"></i>
                        <div class="name">Bill</div>
                        <div class="fontclass">.icon-bill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-withdrawal"></i>
                        <div class="name">withdrawal</div>
                        <div class="fontclass">.icon-withdrawal</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-iconxuexisel"></i>
                        <div class="name">学习_sel</div>
                        <div class="fontclass">.icon-iconxuexisel</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-user"></i>
                        <div class="name">User</div>
                        <div class="fontclass">.icon-user</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-love"></i>
                        <div class="name">love</div>
                        <div class="fontclass">.icon-love</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-love2"></i>
                        <div class="name">love-2</div>
                        <div class="fontclass">.icon-love2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-more1"></i>
                        <div class="name">more</div>
                        <div class="fontclass">.icon-more1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-coupon"></i>
                        <div class="name">coupon</div>
                        <div class="fontclass">.icon-coupon</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shangchuan"></i>
                        <div class="name">上传</div>
                        <div class="fontclass">.icon-shangchuan</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-shangchuan2"></i>
                        <div class="name">上传</div>
                        <div class="fontclass">.icon-shangchuan2</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-review"></i>
                        <div class="name">review</div>
                        <div class="fontclass">.icon-review</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-mail"></i>
                        <div class="name">mail</div>
                        <div class="fontclass">.icon-mail</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-remove-circle"></i>
                        <div class="name">remove-circle</div>
                        <div class="fontclass">.icon-remove-circle</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xuanzhong"></i>
                        <div class="name">xuanzhong</div>
                        <div class="fontclass">.icon-xuanzhong</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-ioserweima"></i>
                        <div class="name">ios_erweima</div>
                        <div class="fontclass">.icon-ioserweima</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-anzhuoerweima"></i>
                        <div class="name">anzhuo_erweima</div>
                        <div class="fontclass">.icon-anzhuoerweima</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xingxing1"></i>
                        <div class="name">星星 (1)</div>
                        <div class="fontclass">.icon-xingxing1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xingxing"></i>
                        <div class="name">星星</div>
                        <div class="fontclass">.icon-xingxing</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-xiangbaoleimufill"></i>
                        <div class="name">箱包类目-fill</div>
                        <div class="fontclass">.icon-xiangbaoleimufill</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-zichanmingxi"></i>
                        <div class="name">资产明细</div>
                        <div class="fontclass">.icon-zichanmingxi</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-edit1"></i>
                        <div class="name">edit</div>
                        <div class="fontclass">.icon-edit1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-info"></i>
                        <div class="name">info</div>
                        <div class="fontclass">.icon-info</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-info-o"></i>
                        <div class="name">info-o</div>
                        <div class="fontclass">.icon-info-o</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-list1"></i>
                        <div class="name">list</div>
                        <div class="fontclass">.icon-list1</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-warning"></i>
                        <div class="name">warning</div>
                        <div class="fontclass">.icon-warning</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-warning-o"></i>
                        <div class="name">warning-o</div>
                        <div class="fontclass">.icon-warning-o</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sys-crm"></i>
                        <div class="name">报表</div>
                        <div class="fontclass">.icon-sys-crm</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-kshenqingzuofei"></i>
                        <div class="name">K-审请作废</div>
                        <div class="fontclass">.icon-kshenqingzuofei</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-kefu"></i>
                        <div class="name">客服</div>
                        <div class="fontclass">.icon-kefu</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-zl_zuofei"></i>
                        <div class="name">zl_作废</div>
                        <div class="fontclass">.icon-zl_zuofei</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sort-small"></i>
                        <div class="name">排序</div>
                        <div class="fontclass">.icon-sort-small</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sort-up"></i>
                        <div class="name">排序</div>
                        <div class="fontclass">.icon-sort-up</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sort-down-copy"></i>
                        <div class="name">排序</div>
                        <div class="fontclass">.icon-sort-down-copy</div>
                    </li>
                    <li>
                        <i class="icon iconfont icon-sort-up-copy"></i>
                        <div class="name">排序</div>
                        <div class="fontclass">.icon-sort-up-copy</div>
                    </li>
                </ul>
            </section>
        </section>
    </section>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="./assets/lib/artdialog/dialog.js"></script>
<script src="./assets/js/mgui.js"></script>

</html>
